<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>小米商城</title>
    <link
      rel="preload"
      href="//at.alicdn.com/t/font_3347208_g4dxcn4zre.woff2"
      as="font"
      type="font/woff2"
      crossorigin="anonymous"
    />
    <link
      rel="stylesheet"
      href="http://at.alicdn.com/t/font_3347208_awunk94nflk.css"
    />
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/mi.css" />
    <link rel="stylesheet" href="./css/swiper-bundle.min.css" />
    <script src="./js/swiper-bundle.min.js"></script>
    <script src="./js/jquery.min.js"></script>
  </head>
  <body>
    <!-- 头部开始 -->
    <div class="header">
      <div class="warp">
        <ul class="header-left">
          <li><a href="#">小米商城</a><span>|</span></li>
          <li><a href="#">MIUI</a><span>|</span></li>
          <li><a href="#">loT</a><span>|</span></li>
          <li><a href="#">云服务</a><span>|</span></li>
          <li><a href="#">天星数科</a><span>|</span></li>
          <li><a href="#">有品</a><span>|</span></li>
          <li><a href="#">小爱开放平台</a><span>|</span></li>
          <li><a href="#">企业团购</a><span>|</span></li>
          <li><a href="#">资质证照</a><span>|</span></li>
          <li><a href="#">协议规则</a><span>|</span></li>
          <li class="app">
            <a href="#">下载app</a><span>|</span>
            <div class="download">
              <a href="">
                <img src="./images/wx-img.png" alt="" />
                <p>小米商城APP</p>
              </a>
            </div>
            <div class="triangle"></div>
          </li>
          <li><a href="#">Select Location</a></li>
        </ul>
        <ul class="header-right">
          <li><a href="./html/2-2login.html">登录</a><span>|</span></li>
          <li><a href="./html/01-register.html">注册</a><span>|</span></li>
          <li><a href="#">消息通知</a></li>
          <li class="cart">
            <a href="./html/05-cart.html"
              ><i class="iconfont icon-gouwuchekong"></i> 购物车(
              <span id="sl"></span> )</a
            >
            <div class="cart-list">购物车中还没有商品，赶紧选购吧！</div>
          </li>
        </ul>
      </div>
    </div>
    <!-- 手机导航 第二部分 -->
    <div class="nav">
      <div class="warp">
        <div class="logo">
          <a href="#"><img src="./images/logo-mi2.png" alt="" /></a>
        </div>
        <div class="nav-bar">
          <ul>
            <li>
              <a href="#">Xiaomi手机</a>
              <div class="nav-bar-list">
                <div class="warp">
                  <ul>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img
                            src="./images/88ae9b85c5f8fbdae2ea98d58a045e1e.jpg"
                            alt=""
                          />
                          <p>Xiaomi Civi 1S</p>
                          <p>2299元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/02.jpg" alt="" />
                          <p>Xiaomi 12 Pro</p>
                          <p>4699元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/03.jpg" alt="" />
                          <p>Xiaomi 12</p>
                          <p>3699元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/04.jpg" alt="" />
                          <p>Xiaomi 12X</p>
                          <p>2999元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/05.jpg" alt="" />
                          <p>Xiaomi 11 青春活力版</p>
                          <p>1899元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/06.jpg" alt="" />
                          <p>Xiaomi Civi</p>
                          <p>2299元起</p>
                        </div>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </li>
            <li>
              <a href="#">Redmi红米</a>
              <div class="nav-bar-list">
                <div class="warp">
                  <ul>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/q1.jpg" alt="" />
                          <p>Xiaomi Civi 1S</p>
                          <p>2299元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/q2.jpg" alt="" />
                          <p>Xiaomi 12 Pro</p>
                          <p>4699元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/q3.jpg" alt="" />
                          <p>Xiaomi 12</p>
                          <p>3699元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/q4.jpg" alt="" />
                          <p>Xiaomi 12X</p>
                          <p>2999元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/q5.jpg" alt="" />
                          <p>Xiaomi 11 青春活力版</p>
                          <p>1899元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/q6.jpg" alt="" />
                          <p>Xiaomi Civi</p>
                          <p>2299元起</p>
                        </div>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </li>
            <li>
              <a href="#">电视</a>
              <div class="nav-bar-list">
                <div class="warp">
                  <ul>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/d1.jpg" alt="" />
                          <p>Xiaomi Civi 1S</p>
                          <p>2299元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/d2.jpg" alt="" />
                          <p>Xiaomi 12 Pro</p>
                          <p>4699元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/d3.jpg" alt="" />
                          <p>Xiaomi 12</p>
                          <p>3699元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/d4.jpg" alt="" />
                          <p>Xiaomi 12X</p>
                          <p>2999元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/d5.jpg" alt="" />
                          <p>Xiaomi 11 青春活力版</p>
                          <p>1899元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/d6.jpg" alt="" />
                          <p>Xiaomi Civi</p>
                          <p>2299元起</p>
                        </div>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </li>
            <li>
              <a href="#">笔记本</a>
              <div class="nav-bar-list">
                <div class="warp">
                  <ul>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/j2.jpg" alt="" />
                          <p>Xiaomi Civi 1S</p>
                          <p>2299元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/j1.jpg" alt="" />
                          <p>Xiaomi 12 Pro</p>
                          <p>4699元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/j3.jpg" alt="" />
                          <p>Xiaomi 12</p>
                          <p>3699元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/j4.jpg" alt="" />
                          <p>Xiaomi 12X</p>
                          <p>2999元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/j5.jpg" alt="" />
                          <p>Xiaomi 11 青春活力版</p>
                          <p>1899元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/j6.jpg" alt="" />
                          <p>Xiaomi Civi</p>
                          <p>2299元起</p>
                        </div>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </li>
            <li>
              <a href="#">平板</a>
              <div class="nav-bar-list">
                <div class="warp">
                  <ul>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/p1.jpg" alt="" />
                          <p>Xiaomi Civi 1S</p>
                          <p>2299元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/p2.jpg" alt="" />
                          <p>Xiaomi 12 Pro</p>
                          <p>4699元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/p3.jpg" alt="" />
                          <p>Xiaomi 12</p>
                          <p>3699元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/04.jpg" alt="" />
                          <p>Xiaomi 12X</p>
                          <p>2999元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/05.jpg" alt="" />
                          <p>Xiaomi 11 青春活力版</p>
                          <p>1899元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/06.jpg" alt="" />
                          <p>Xiaomi Civi</p>
                          <p>2299元起</p>
                        </div>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </li>
            <li>
              <a href="#">家电</a>
              <div class="nav-bar-list">
                <div class="warp">
                  <ul>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/s1.jpg" alt="" />
                          <p>Xiaomi Civi 1S</p>
                          <p>2299元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/s2.jpg" alt="" />
                          <p>Xiaomi 12 Pro</p>
                          <p>4699元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/s3.jpg" alt="" />
                          <p>Xiaomi 12</p>
                          <p>3699元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/s4.jpg" alt="" />
                          <p>Xiaomi 12X</p>
                          <p>2999元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/s5.jpg" alt="" />
                          <p>Xiaomi 11 青春活力版</p>
                          <p>1899元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/06.jpg" alt="" />
                          <p>Xiaomi Civi</p>
                          <p>2299元起</p>
                        </div>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </li>
            <li>
              <a href="#">路由器</a>
              <div class="nav-bar-list">
                <div class="warp">
                  <ul>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/l1.jpg" alt="" />
                          <p>Xiaomi Civi 1S</p>
                          <p>2299元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/l2.jpg" alt="" />
                          <p>Xiaomi 12 Pro</p>
                          <p>4699元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/l3.jpg" alt="" />
                          <p>Xiaomi 12</p>
                          <p>3699元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/l4.jpg" alt="" />
                          <p>Xiaomi 12X</p>
                          <p>2999元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/l5.jpg" alt="" />
                          <p>Xiaomi 11 青春活力版</p>
                          <p>1899元起</p>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <div class="nav-img-box">
                          <img src="./images/l6.jpg" alt="" />
                          <p>Xiaomi Civi</p>
                          <p>2299元起</p>
                        </div>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </li>
            <li><a href="#">服务</a></li>
            <li><a href="#">社区</a></li>
          </ul>
        </div>
        <div class="search">
          <input type="text" placeholder="小米12" id="bord" onclick="ber()" />
          <button
            class="iconfont icon-fangdajing"
            id="shousuo"
            type="button"
          ></button>
        </div>
      </div>
    </div>
    <!-- banner 轮播图-->
    <div class="banner">
      <div class="warp">
        <div class="banner-box">
          <ul>
            <li class="sj1">
              <a href="#">手机</a>
              <p class="iconfont icon-jiantouyou"></p>
              <div class="banner-box-right">
                <ul>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/03.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/04.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/05.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/06.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l1.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l2.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l3.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l4.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l5.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l6.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d6.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d5.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d4.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d3.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d2.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d1.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                </ul>
              </div>
            </li>
            <li>
              <a href="#">电视</a>
              <p class="iconfont icon-jiantouyou"></p>
              <div class="banner-box-right">
                <ul>
                  <li>
                    <img src="./images/d2.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d3.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d4.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d5.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d6.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l1.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l2.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l3.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l4.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l5.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l6.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d6.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d5.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d4.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d3.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d2.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d1.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                </ul>
              </div>
            </li>
            <li>
              <a href="#">笔记本 平板</a>
              <p class="iconfont icon-jiantouyou"></p>
              <div class="banner-box-right">
                <ul>
                  <li>
                    <img src="./images/p1.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/p2.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/p3.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/05.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/06.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l1.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l2.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l3.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l4.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l5.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l6.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d6.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d5.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d4.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d3.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d2.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d1.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                </ul>
              </div>
            </li>
            <li>
              <a href="#">家电</a>
              <p class="iconfont icon-jiantouyou"></p>
              <div class="banner-box-right">
                <ul>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/03.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/04.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/05.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/06.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l1.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l2.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l3.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l4.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l5.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l6.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d6.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d5.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d4.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d3.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d2.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d1.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                </ul>
              </div>
            </li>
            <li>
              <a href="#">出行 穿戴</a>
              <p class="iconfont icon-jiantouyou"></p>
              <div class="banner-box-right">
                <ul>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/03.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/04.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/05.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/06.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l1.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l2.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l3.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l4.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l5.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l6.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d6.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d5.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d4.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d3.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d2.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d1.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                </ul>
              </div>
            </li>
            <li>
              <a href="#">智能 路由器</a>
              <p class="iconfont icon-jiantouyou"></p>
              <div class="banner-box-right">
                <ul>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/03.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/04.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/05.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/06.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l1.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l2.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l3.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l4.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l5.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l6.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d6.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d5.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d4.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d3.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d2.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d1.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                </ul>
              </div>
            </li>
            <li>
              <a href="#">电源 配件</a>
              <p class="iconfont icon-jiantouyou"></p>
              <div class="banner-box-right">
                <ul>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/03.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/04.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/05.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/06.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l1.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l2.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l3.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l4.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l5.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l6.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d6.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d5.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d4.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d3.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d2.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d1.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                </ul>
              </div>
            </li>
            <li>
              <a href="#">健康 儿童</a>
              <p class="iconfont icon-jiantouyou"></p>
              <div class="banner-box-right">
                <ul>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/03.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/04.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/05.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/06.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l1.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l2.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l3.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l4.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l5.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l6.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d6.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d5.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d4.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d3.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d2.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d1.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                </ul>
              </div>
            </li>
            <li>
              <a href="#">耳机 音箱</a>
              <p class="iconfont icon-jiantouyou"></p>
              <div class="banner-box-right">
                <ul>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/03.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/04.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/05.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/06.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l1.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l2.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l3.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l4.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l5.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l6.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d6.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d5.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d4.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d3.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d2.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d1.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                </ul>
              </div>
            </li>
            <li>
              <a href="#">生活 箱包</a>
              <p class="iconfont icon-jiantouyou"></p>
              <div class="banner-box-right">
                <ul>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/03.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/04.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/05.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/06.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l1.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l2.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l3.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l4.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l5.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/l6.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/02.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d6.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d5.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d4.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d3.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d2.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                  <li>
                    <img src="./images/d1.jpg" alt="" />
                    <span>Xiaomi 11 青春活力版</span>
                  </li>
                </ul>
              </div>
            </li>
          </ul>
        </div>
        <div class="banner-lbt">
          <div class="swiper">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <img
                  src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b717c9c84e44409496e993ed6b526c05.jpg?thumb=1&w=2452&h=920&f=webp&q=90"
                  alt=""
                />
              </div>
              <div class="swiper-slide">
                <img
                  src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f50109a515fd383d0e535c0801fe90ee.jpg?thumb=1&w=2452&h=920&f=webp&q=90"
                  alt=""
                />
              </div>
              <div class="swiper-slide">
                <img
                  src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2a39fb746f7d8806213cf890130c4d60.jpg?thumb=1&w=2452&h=920&f=webp&q=90"
                  alt=""
                />
              </div>
              <div class="swiper-slide">
                <img
                  src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9c98d4ee217c03042cdaaef7226ffd37.jpg?w=2452&h=920"
                  alt=""
                />
              </div>
            </div>
            <div class="swiper-pagination"></div>
            <div
              class="swiper-button-prev"
              style="position: absolute; left: 250px"
            ></div>
            <div class="swiper-button-next"></div>
          </div>
        </div>
      </div>
    </div>
    <!-- slogan 第三部分 -->
    <div class="slogan">
      <div class="ersa">
        <ul>
          <li><img src="./images/sj.png" alt="" /> <span>保障服务</span></li>
          <li><img src="./images/lc.png" alt="" /> <span>企业团购</span></li>
          <li><img src="./images/ffff.png" alt="" /> <span>F码通道</span></li>
          <li><img src="./images/hf.png" alt="" /> <span>米粉卡</span></li>
          <li><img src="./images/jb.png" alt="" /> <span>以旧换新</span></li>
          <li><img src="./images/hf1.png" alt="" /> <span>花费充值</span></li>
        </ul>
      </div>
      <div>
        <a href="https://www.mi.com/redmik50"
          ><img src="./images/gg1.jpg" alt=""
        /></a>
      </div>
      <div>
        <a href="https://www.mi.com/redmik50pro"
          ><img src="./images/gg2.jpg" alt=""
        /></a>
      </div>
      <div>
        <a href="https://www.mi.com/xiaomiwatchs1"
          ><img src="./images/gg3.jpg" alt=""
        /></a>
      </div>
    </div>
    <!-- 购物车 -->
    <div class="min">
      <div class="warp">
        <a href="./donghua.html"
          ><img class="k40" src="./images/k40.jpg" alt=""
        /></a>
        <div class="goumai">
          <h1>手机</h1>
          <div>
            <!-- <a href="#"
              ><p>查看更多</p>
              <span class="iconfont icon-jiantouyou">></span></a
            > -->
          </div>
        </div>
        <div class="goumai1">
          <ul></ul>
        </div>
        <div class="goumai">
          <h1>电脑</h1>
          <div>
            <!-- <a href="#"
              ><p>查看更多</p>
              <span class="iconfont icon-jiantouyou">></span></a
            > -->
          </div>
        </div>
        <div class="goumai2">
          <ul></ul>
        </div>
      </div>
    </div>
    <script>
      var mySwiper = new Swiper(".swiper", {
        // direction: "vertical", // 垂直切换选项
        effect: "fade",
        loop: true, // 循环模式选项 是否无限循环
        // 如果需要分页器
        pagination: {
          el: ".swiper-pagination",
          clickable: true,
        },
        // 如果需要前进后退按钮
        navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
        },
        autoplay: {
          delay: 2500,
          disableOnInteraction: false,
        },
        // pagination: {
        //   el: ".swiper-pagination",
        // },
      });
    </script>
    <script src="./js/index.js"></script>
  </body>
</html>
